<!DOCTYPE html>
<script src="../resources/text-based-repaint.js"></script>
<script>
    if (window.internals)
        onload = runRepaintAndPixelTest;
    else
        onclick = repaintTest;
    function repaintTest() {
        var target = document.getElementById('target');
        target.style.visibility = 'visible';
    }
</script>
<div style="position:relative; -webkit-columns:4; -webkit-column-gap:10px; width:630px; height:40px; column-fill:auto;">
    <div id="target" style="position:absolute; width:20px; height:20px; right:0; bottom:0; visibility:hidden; background:green;"></div>
</div>
<p>A green square should be seen above (if tested manually, you need to click first).</p>
